<div class="centered">
	<small>Starting at</small>
	<div class="cost">
		<span class="cost-currency">$</span>
		<span class="cost-dollars">20</span>
		<span class="cost-cents">.00</span>
	</div>
	<a class="cta-button" href="#">Sign up</a>
</div>
<style>
.centered{
	text-align:center;
}
.cost{
	display:flex;
	justify-content:center;
	align-items:center;
	line-height:.7;
}
.cost > span{
	margin-top:0;
}
.cost-currency{
	font-size:2rem;
}
.cost-dollars{
	font-size:4rem;
}
.cost-cents{
	font-size:1.5rem;
	align-self:flex-start;
}
.cta-button{
	display:block;
	background-color:#cc6b5a;
	color:white;
	padding:.5em 1em;
	text-decoration:none;
}
</style>